<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>路径</title>
</head>
<body>
    <!-- 
        相对路径
            ./css/app.css
            ../js/app.js
            js/app.js
    
        绝对路径
            http://www.atguigu.com/admin
            /css/app.css
            /images/logo.png
     -->

     <a href="http://www.atguigu.com/html5">尚硅谷</a>

     <a href="/css/app.css">CSS</a>

     <img src="/images/logo.png" alt="">

     <h2>相对路径</h2>
     <a href="./abc.html">测试</a>
     <script src="../app.js"></script>
</body>
</html>